@import 'mixin';

/**
 * 全局变量定义
*/
$primary-100: #3f51b5;
$primary-200: #757de8;
$primary-300: #dedeff;
$accent-100: #2196f3;
$accent-200: #003f8f;
$text-100: #333333;
$text-200: #5c5c5c;
$text-300: #5a6886;
$text-400: #c0c4cc;
$text-500: #ffffff;
$bg-100: #ffffff;
$bg-200: #f5f5f5;
$bg-300: #cccccc;
$line-100: #f0f0f0;
$line-200: #ebeef5;
$line-300: #d7dae2;
$hove-100: #ecf5ff;
$hove-200: #d9ecff;
$hove-text-100: #409eff;

:root {
  @include set-css-var-value('primary-100', $primary-100);
  @include set-css-var-value('primary-200', $primary-200);
  @include set-css-var-value('primary-300', $primary-300);
  @include set-css-var-value('accent-100', $accent-100);
  @include set-css-var-value('accent-200', $accent-100);
  @include set-css-var-value('text-100', $text-100);
  @include set-css-var-value('text-200', $text-200);
  @include set-css-var-value('text-300', $text-300);
  @include set-css-var-value('text-400', $text-400);
  @include set-css-var-value('text-500', $text-500);
  @include set-css-var-value('bg-100', $bg-100);
  @include set-css-var-value('bg-200', $bg-200);
  @include set-css-var-value('bg-300', $bg-300);
  @include set-css-var-value('line-100', $line-100);
  @include set-css-var-value('line-200', $line-200);
  @include set-css-var-value('line-300', $line-300);
  @include set-css-var-value('hove-100', $hove-100);
  @include set-css-var-value('hove-200', $hove-200);
  @include set-css-var-value('hove-text-100', $hove-text-100);
}
